import { defineComponent } from 'vue';
import Fas from './Fas.vue';
import Horizontal from './Horizontal.vue';
import HorizontalWithInset from './HorizontalWithInset.vue';
import Vertical from './Vertical.vue';

export default defineComponent({
	name: 'App',
	props: {},
	emits: [],

	setup(props, { attrs, emit, expose, slots }) {
		expose({});

		return () => {
			return (
				<div class='block'>
					<div class='block-'>
						<h5 class='title'>低代码属性测试</h5>
						<Fas />
					</div>
					<div class='block-'>
						<h5 class='title'>Horizontal</h5>
						<Horizontal />
					</div>
					<div class='block-'>
						<h5 class='title'>HorizontalWithInset</h5>
						<HorizontalWithInset />
					</div>
					<div class='block-'>
						<h5 class='title'>Vertical</h5>
						<Vertical />
					</div>
				</div>
			);
		};
	},
});
